<template>
  <!-- <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
  </div> -->
  <router-view/>
</template>
<script>
import { provide } from 'vue'
import * as echarts from 'echarts'
import axios from 'axios'
// 设置基准路径
axios.defaults.baseURL = 'http://localhost:3000'

export default {
	// provide: {
	// 	echarts: 'echarts'
	// },
	setup() {
		// provide('名字随便起', '传递的内容')
		provide('echarts', echarts)
		provide('axios', axios)
	}
}
</script>
<style lang="less">


html, body {
  min-height: 100%;
}

body {
  font-size: .25rem;
  background: url('~@/assets/14.jpg') top center no-repeat;
  background-size: cover;
  color: #fff;
}

*,
:after,
:before {
  box-sizing: border-box
}

body {
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "PingFang SC", Arial, sans-serif;
}

input, textarea, select, option, a, div, button, span, label, i {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

html, body, h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, ol, li, div, pre, a, p, dl, dd, ul, ol, form, input, textarea, th, td, select {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
	font-size: inherit
}

ul, ol, li{
  list-style: none;
}

.pre {
	white-space: pre-wrap;
	word-break: break-word;
}

i {
	font-style: normal;
}

input, textarea, button {
	-webkit-appearance: none;
	outline: none;
}

// input {
// 	line-height: normal!important;
// 	vertical-align: middle!important;
// }

textarea { resize: none; overflow: auto; }

audio:focus, video:focus {
	outline: none;
}

img { border: none; vertical-align: top; }
table { border-collapse: collapse; }

/*  谷歌内核设置滚动条 */
.webkit-scrollbar {
	::-webkit-scrollbar-thumb {
		height: 50px;
		outline-offset: -2px;
		outline: #fff solid 2px;
		border: 2px solid #fff;
		background-color: #b2b3b4;
		border-radius: 4px
	}
	
	::-webkit-scrollbar-thumb:hover {
		height: 50px;
		background-color: rgb(172, 208, 236);
		border-radius: 4px
	}
	
	::-webkit-scrollbar {
		width: 8px;
		height: 8px
	}
	
	::-webkit-scrollbar-track-piece {
		background-color: transparent;
		border-radius: 0
	}
}

.clearfix:after { clear: both; content: ""; display: block; height: 0; line-height: 0; visibility: hidden;}
.clearfix {
	/* 触发 hasLayout */ 
	zoom: 1; 
}

.fl {
	float: left;
}

.fr {
	float: right;
}

</style>
